<?xml version="1.0" encoding="UTF-8" ?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
                xmlns:lxslt="http://xml.apache.org/xslt"
                xmlns:result="http://www.example.com/results"
                extension-element-prefixes="result"
                version="1.0">
    
    <xsl:output method="html"/>
    
    <xsl:template name="header">
        <head>
            <title>Projet XML Hôtels</title>
            
            <!-- Styles css -->
            <link type="text/css" rel="stylesheet" href="css/bootstrap.css" />
            <link type="text/css" rel="stylesheet" href="css/sb-admin.css" />
            <link type="text/css" rel="stylesheet" href="css/systeme.css" />
            <link type="text/css" rel="stylesheet" href="css/slider.css" />
            <link type="text/css" rel="stylesheet" href="css/morris.css" />
            <link type="text/css" rel="stylesheet" href="css/font-awesome/css/font-awesome.min.css" />
        </head>
    </xsl:template>
    
    <xsl:template name="menu">
        <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">Projet Miage XML</a>
            </div>

            <div class="navbar-collapse navbar-ex1-collapse">
                <ul class="nav navbar-nav side-nav">
                    <li>
                        <a id="accueil" href="index.html">Accueil</a>
                        <a id="rechercher" href="recherche.html">Rechercher un hôtel</a>
                        <a id="localisation" href="localisation.html">Localisation</a>
                        <a id="statistiques" href="stats.html">Statistiques</a>
                    </li>
                </ul>
            </div>
        </nav>
    </xsl:template>
    
    <xsl:template name="footer">
        
        <!-- Scripts -->
        <script type='text/javascript' src='js/jquery.js'></script>
        <script type='text/javascript' src="js/bootstrap.js"></script>
        <script type='text/javascript' src='js/fonctions.js'></script>
        
    </xsl:template>
    
</xsl:stylesheet>